<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<html>
<head>
    <title>社团招募详情</title>
    <script type="text/javascript" src="${ctx}/static/myJs/util.js"></script>
    <script type="text/javascript" src="${ctx}/static/myJs/groupRecruitController.js"></script>
    <link href="${ctx}/static/datetimepicker/bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet"
          media="screen">
    <script type="text/javascript" src="${ctx}/static/datetimepicker/jquery/bootstrap-datetimepicker.js"
            charset="UTF-8"></script>
    <script type="text/javascript" src="${ctx}/static/datetimepicker/jquery/locales/bootstrap-datetimepicker.zh-CN.js"
            charset="UTF-8"></script>
</head>
<body>
<div class="content">
    <input type="hidden" name="id" id="id" value="${groupRecruit.id}"/>

    <div class="form-group">
        <h3 class="item-title">基础信息</h3>

        <div class="form-item">
            <label for="">标题</label>
            <label for="">${groupRecruit.title}</label>
        </div>
        <div class="form-item">
            <label for="">有效期</label>
            <label for="">${fn:substring(groupRecruit.stopApplyTime, 0, 10)}</label>
        </div>
        <div class="form-item">
            <label for="">人数限制</label>
            <label for="">${groupRecruit.needs}</label>
        </div>

        <div class="form-item">
            <label for="">联系人</label>
            <label for="">${groupRecruit.linkman}</label>
        </div>

        <div class="form-item">
            <label for="">联系电话</label>
            <label for="">${groupRecruit.phone}</label>
        </div>

    </div>
    <div class="form-group">
        <h3 class="item-title">技能要求</h3>

        <div class="form-item">
            <label class="form-item-title" for="">职业</label>
            <label for="">${groupRecruit.job}</label>
        </div>
        <div class="form-item">
            <label class="form-item-title" for="">专业技能</label>
            <label for="">${groupRecruit.skill}</label>
        </div>
        <div class="form-item">
            <label class="form-item-title" for="">服务领域</label>
            <label for="">${groupRecruit.serviceField}</label>
        </div>
    </div>
    <div class="form-group">
        <div class="form-item">
            <label for="">招募说明</label>
            <label for="">${groupRecruit.demo}</label>
        </div>
    </div>
    <div class="form-group">
        <div class="form-item">
            <label for="">招募条件</label>
            <ol class="volunteer-recruitment-question-list" id="question_list">
                <c:set value="${ fn:split(groupRecruit.question, ';') }" var="str1"/>
                <c:forEach items="${ str1 }" var="s">
                    <li class="list-item"><a href="javascript:void(0);">${s}</a></li>
                </c:forEach>
            </ol>
        </div>
    </div>

    <div>
        <button class="btn" onclick="history.back(-1);">返回</button>
    </div>

</div>
</body>
</html>
